<template>
  <div class="dzy">
    <!-- 导航 -->
    <div class="nav-box box">
      <div class="nav">
        <router-link to="/">
          <img src="../assets/img/dzy/logo.png" alt="logo" />
        </router-link>
        <div>
          <router-link to="/">首页</router-link>
          <router-link to="/">出境游</router-link>
          <router-link to="/">欧洲</router-link>
          <router-link to="/">日本</router-link>
          <router-link to="/">东南亚</router-link>
          <router-link to="/">海岛</router-link>
          <router-link to="/">美洲</router-link>
          <router-link to="/">大洋洲</router-link>
          <router-link to="/">中东非</router-link>
          <router-link to="/">您的秋游记</router-link>
        </div>
      </div>
    </div>
    <!-- banner -->
    <div class="banner">
      <p>
        <router-link to="/"> </router-link>
      </p>

      <div>
        <router-link to="/dzy/dz">企业订制</router-link>
        <router-link to="/dzy/dz">私人订制</router-link>
      </div>
    </div>
    <!-- floor_1:为什么选择众信优定 -->
    <div class="floor_1 box">
      <img src="../assets/img/dzy/a_2.jpg" alt="" />
      <div class="floor_1_1 flex">
        <div class="srdz">
          <div class="wz">
            <h4>为您量身定制，一人即可成团</h4>
            <p>根据您的需求为您免费设计<br />出行方案</p>
          </div>
        </div>
        <div class="qydz">
          <div class="wz">
            <h4>
              定制符合您公司企业文化的<br />团队建设、会议考察等，<br />专属定制回馈客户方案
            </h4>
          </div>
        </div>
        <div class="sdty">
          <div class="wz">
            <h4>像当地人一样去旅行 生活在别处</h4>
            <p>深挖当地历史及民俗文化<br />遍寻目的地与众不同之美</p>
          </div>
        </div>
        <div class="xs">
          <div class="wz">
            <h4>全程专属旅游管家服务</h4>
            <p>
              从您接到我们旅游管家的<br />第一个电话，便能感受到<br />朋友般的贴心信赖
            </p>
          </div>
        </div>
      </div>
      <div class="floor_1_2 flex">
        <div>
          <h2>懒得看行程 懒得做攻略</h2>
          <p>
            <b>在线提交您的需求</b><br />
            非常简单，快速搞定<br />
            我们的定制师为您量身定制
          </p>
          <p><b>免费</b>提交定制需求单</p>
          <p class="btn-bar">
            <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
            <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
          </p>
        </div>
        <div>
          <h2>还有疑问 想问问</h2>
          <p>
            <b>问：我们是企业人多能做吗？</b><br />
            答：您需要的我们都能做，我们做过万人<br />
            同游法国
          </p>
          <p>
            <b>问：我就2个人想带孩子老人出游能定制吗?</b><br />
            答：可以，我们一人即可成行。
          </p>
        </div>
      </div>
    </div>
    <div class="floor_2">
      <p class="title_img">
        <img src="../assets/img/dzy/a_3.jpg" alt="" />
      </p>
      <div id="xxdz" class="xxdz">
        <div class="box">
          <div class="title flex">
            <img src="../assets/img/dzy/b1.png" alt="" />
            <div>
              <h3>休闲度假</h3>
              <p>
                慢下来，慢下来。人生中已经充满了太多的匆匆。是时候通过旅行和大自然更加接近，悠然享受和大自然融合之乐。旅行，有一种苍凉，“浮云游子意，落日故人情”，孑然一身，隐入苍茫自然，自有一种孤独的意味；旅行，更有一种逍遥，浑然忘我，与大自然交融的境界令人心弛神往。
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c1.jpg" alt="" />
            <div>
              <h2>埃及心灵之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  海陆空全方位感受神秘的古埃及
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  乘坐五星游轮，畅游尼罗河；安排埃及神庙专家，讲解行程中涉及的知识点
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  在浩瀚的撒哈拉沙漠腹地看星空，等日出
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  特别前往帝王谷欣赏距今4000年文明的精彩壁画
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  特别安排游览开罗老城区，三大宗教堂，近距离感受开罗科普特教派文化
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c2.jpg" alt="" />
            <div>
              <h2>墨西哥坎昆摄影生态行程之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  为摄影爱好者特别安排的定制线路
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  特别安排有摄影基础的导游沿途安排，独特拍摄角度和拍摄时间
                </li>
                <li>
                  <img src="../assets/img/dzy/c2-1.jpg" alt="" />
                  <img src="../assets/img/dzy/c2-2.jpg" alt="" />
                  <img src="../assets/img/dzy/c2-3.jpg" alt="" />
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c3.jpg" alt="" />
            <div>
              <h2>美西自驾之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  自由驰骋在美西山川小镇美景之间
                </li>
                <li>
                  <img src="../assets/img/dzy/c3-1.jpg" alt="" />
                  <img src="../assets/img/dzy/c3-2.jpg" alt="" />
                  <img src="../assets/img/dzy/c3-3.jpg" alt="" />
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
        </div>
      </div>
      <div id="qzsg" class="qzsg">
        <div class="box">
          <div class="title flex">
            <img src="../assets/img/dzy/b2.png" alt="" />
            <div>
              <h3>亲子时光</h3>
              <p>
                对孩子最好的教育是陪伴，而旅行是一种最好、最直观的方式让孩子认识最真实的世界。因为旅行，孩子会建立起对生命的热爱形成思考的习惯，也会有不一样的人生体会。
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c4.jpg" alt="" />
            <div>
              <h2>大西洋沿岸美食自驾之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  深入法国当地人最喜欢的度假地法国西岸
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  特别安排亲子农场，并安排欢迎晚宴
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  西海岸因潮汐孕育了世界上质量最好的贝类食材，行程中特别安排了海鲜盛宴
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  安排入住精品四星酒店、特色农庄和城堡酒店
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c5.jpg" alt="" />
            <div>
              <h2>不一样的东京 亲子体验之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  不一样的文化体验——体验日式陶器制作
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  不一样的亲子互动——探秘富士山脚下的动物世界+畅游迪士尼乐园
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  不一样的旅途风景——走进灌篮高手取景地
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  不一样的味蕾盛宴——横滨拉面博物馆，尽享当地美食
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  不一样的和式庭院——探访镰仓明月院
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c6.jpg" alt="" />
            <div>
              <h2>新西兰南北岛休闲亲子游</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  参观曾被评为世界上优质的海事博物馆之一新西兰国家海事博物馆Maritime
                  Museu
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  参观动物园、植物园、博物馆，国际南极中心
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  在农场与动物亲密接触，观看剪羊毛表演，牧羊犬赶羊等
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" /> 参观童话般的霍比特人村
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" /> 参观蒂普亚毛利文化村
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
        </div>
      </div>
      <div id="msgw" class="msgw">
        <div class="box">
          <div class="title flex">
            <img src="../assets/img/dzy/b3.png" alt="" />
            <div>
              <h3>美食购物</h3>
              <p>
                有人说：美食和风景，可以抵抗全世界所有的悲伤和迷惘。<br />
                有人说；与发现一颗新星相比，发现一款新菜肴对于人类的幸福更有好处。<br />
                所以对于现世安稳，岁月静好的你来说，到国外来一场美食和购物的碰撞，不仅可以极大的增强满足感，相比国内，还能省下一袋银子。
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c7.jpg" alt="" />
            <div>
              <h2>北欧美食厨艺考察之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  主题活动安排：芬兰国庆100周年系列厨艺活动，诺贝尔晚宴组委会座谈，丹麦
                  环境与食品论坛
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  考察北欧著名企业诗丽雅邮轮，宜家家居集团的餐饮部门
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  访问瑞典百年吉尼斯餐厅金色和平、世界最知名的分子餐厅NOMA
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  游览斯德哥尔摩集市、卑尔根海鲜市场等北欧经典集市
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  乘坐上山轨道，俯瞰峡湾之都卑尔根
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  游船、复古火车、垂钓等多重体验玩转挪威峡湾
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c8.jpg" alt="" />
            <div>
              <h2>米兰美食考察之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  跟随米兰厨师学习烹饪，探索完美罗马披萨的奥秘
                </li>
                <li><img src="../assets/img/dzy/c9.png" /> 食材市场考察</li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  了解意大利葡萄酒：环境、历史、葡萄种植与酿造技术
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  考察橄榄树种植环境和生产制作车间或火腿生产
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" /> 品尝意大利当地美食
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c9.jpg" alt="" />
            <div>
              <h2>意大利米其林美食之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" /> 参观地下酒庄（delle
                  Cantine Caggiano）
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  米其林酒店品尝晚餐并住宿
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  在米其林大厨指导下，上一堂体验课
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" /> 著名歌剧院圣卡罗（ST
                  Carlo）欣赏歌剧
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
        </div>
      </div>
      <div id="cgyx" class="cgyx">
        <div class="box">
          <div class="title flex">
            <img src="../assets/img/dzy/b4.png" alt="" />
            <div>
              <h3>出国游学</h3>
              <p>
                游学是为了遇见，遇见不同的风景，不同的人，方懂得什么是理解；遇见了深爱的课程，方知道什么叫醍醐灌顶；遇见了异国的小伙伴，方理解什么叫友谊地久天长。读万卷书，行万里路。我们用眼睛阅读，了解的是人性的深度；我们用脚步丈量，知道的是世界的宽度。“深度”与“宽度”，才能塑造起我们生命的丰满。
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c10.jpg" alt="" />
            <div>
              <h2>德国足球夏令营之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  跟德国足球亲密接触，参观HSV主场人民公园球场 ，荣誉室
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  跟随圣保利青训总监参观圣保利球场，了解德国足球的青训体系
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  走进德国校园，与校友队或同年龄段队伍友谊赛
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  体验德国生活的有序和严谨
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  参观大学城海德堡，若干诺贝尔奖得主的摇篮
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c11.jpg" alt="" />
            <div>
              <h2>俄罗斯芭蕾舞艺术体验之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  俄方活动顾问团：俄罗斯皇家芭蕾学院、俄罗斯皇家芭蕾舞剧团、俄罗斯芭蕾舞艺术家协会
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  当地芭蕾舞协会指定艺术家陪同
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  俄罗斯皇家芭蕾舞剧团参观，体验芭蕾形体舞蹈课程，并观看演出
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  皇家芭蕾舞剧团指定舞蹈艺术家陪同参观芭蕾舞博物馆
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  聆听一堂正统俄罗斯芭蕾舞艺术课程
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  制作徽章由皇家芭蕾舞剧团团长授勋、并颁发纪念品
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c12.jpg" alt="" />
            <div>
              <h2>柬埔寨吴哥窟绘佛之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  动手体验：跟随大师学习绘画，临摹佛像
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  行程游览：行程包含吴哥窟最为经典的景点，更有崩密列，电影《虎兄虎弟》拍摄地，因为这里所透露出的神秘感绝对是世界罕有的。洞里萨湖，是东南亚最大的淡水湖泊。像一块巨大碧绿的翡翠。
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  特别享受：乘坐热气球，从空中俯视吴哥窟壮丽的建筑群
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  甄选美食：阿莫克是最受欢迎的传统高棉美食之一，柬式火锅、柬式春卷
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  特色酒店：在吴哥窟安排特色酒店入住，一解烦闷和枯燥
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
        </div>
      </div>
      <div id="msdl" class="msdl">
        <div class="box">
          <div class="title flex">
            <img src="../assets/img/dzy/b5.png" alt="" />
            <div>
              <h3>名师带路</h3>
              <p>
                跟着名师去旅行，从专业角度去解读一个国家、一个历史事件，一样的风景不一样的感受，一切都变得深刻而富有特别的意义。
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c13.jpg" alt="" />
            <div>
              <h2>法国大革命之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  名师带您走进那个激情澎湃的历史时刻。各色人物悉数登场，供大家评判
                </li>
                <li>
                  <img src="../assets/img/dzy/c13-1.jpg" alt="" />
                  <img src="../assets/img/dzy/c13-2.jpg" alt="" />
                  <img src="../assets/img/dzy/c13-3.jpg" alt="" />
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/" class="btn1">企业定制</router-link>
                <router-link to="/" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c14.jpg" alt="" />
            <div>
              <h2>南欧法学之旅</h2>
              <ul>
                <li><img src="../assets/img/dzy/c9.png" /> 名法学界名师带路</li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  溯源大陆法系，另一个角度看法学
                </li>
                <li>
                  <img src="../assets/img/dzy/c14-1.jpg" alt="" />
                  <img src="../assets/img/dzy/c14-2.jpg" alt="" />
                  <img src="../assets/img/dzy/c14-3.jpg" alt="" />
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c15.jpg" alt="" />
            <div>
              <h2>英国文学之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  英国文学巨匠灿若繁星，名师带路，深入浅出话文学
                </li>
                <li>
                  <img src="../assets/img/dzy/c15-1.jpg" alt="" />
                  <img src="../assets/img/dzy/c15-2.jpg" alt="" />
                  <img src="../assets/img/dzy/c15-3.jpg" alt="" />
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
        </div>
      </div>
      <div id="swkc" class="swkc">
        <div class="box">
          <div class="title flex">
            <img src="../assets/img/dzy/b6.png" alt="" />
            <div>
              <h3>商务考察</h3>
              <p>
                商务考察主题产品的设计重点在于“学习和考察”。行前深入了解客户需求和行业特点，结合经济发展大背景，为客户提供定制考察线路。让客户能够真正不虚此行，成果丰厚。
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c16.jpg" alt="" />
            <div>
              <h2>德国工业考察之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" /> 慕尼黑工业大学全天培训
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  参观世界领先的工业机器人制造商之一-----库卡(KUKA)机器人公司
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  参访正在高调布局工业4.0的德国汽车名企：奔驰或奥迪自动化生产线
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" /> 参观西门子的未来工厂
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  参观世界著名锅具及厨具制造厂商之一菲仕乐Fissler
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  参访德国家族企业-通快集团（TRUMPF）
                </li>
                <li><img src="../assets/img/dzy/c9.png" /> 参观保时捷博物馆</li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c17.jpg" alt="" />
            <div>
              <h2>以色列企业游学之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  特拉维夫大学上课，校长在开营典礼上讲话
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" /> 与以色列优秀企业家会晤
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  与以色列杰出企业家，商业精英和政府官方人员共进晚餐
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" /> 名家论坛、主题座谈会等
                </li>
                <li><img src="../assets/img/dzy/c9.png" /> 安排四次企业参访</li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  中以企业合作洽谈及项目路演
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c18.jpg" alt="" />
            <div>
              <h2>北欧美食厨艺考察之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  主题活动安排：芬兰国庆100周年系列厨艺活动，诺贝尔晚宴组委会座谈，丹麦环境与食品论坛
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  考察北欧著名企业诗丽雅邮轮，宜家家居集团的餐饮部门
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  访问瑞典百年吉尼斯餐厅金色和平、世界最知名的分子餐厅NOMA
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  游览斯德哥尔摩集市、卑尔根海鲜市场等北欧经典集市
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  乘坐上山轨道，俯瞰峡湾之都卑尔根
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  游船、复古火车、垂钓等多重体验玩转挪威峡湾
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
        </div>
      </div>
      <div id="hjtj" class="hjtj">
        <div class="box">
          <div class="title flex">
            <img src="../assets/img/dzy/b7.png" alt="" />
            <div>
              <h3>会奖团建</h3>
              <p>
                我们秉持“超出预期”的宗旨，以客户需求为基础，深挖企业愿景，贴心的策划团队量身定制最具创意的团建活动，策划独一无二的会奖方案，为企业发展助力。
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c19.jpg" alt="" />
            <div>
              <h2>德国北欧商务考察之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  行业量身定制公务行程，学习欧洲最尖端技术和发展趋势，为自己企业助力
                </li>
                <li>
                  <img src="../assets/img/dzy/c19-1.jpg" alt="" />
                  <img src="../assets/img/dzy/c19-2.jpg" alt="" />
                  <img src="../assets/img/dzy/c19-3.jpg" alt="" />
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c20.jpg" alt="" />
            <div>
              <h2>十渡 休闲拓展二日游</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  激发团队凝聚力，增加团队协作能力，鼓舞员工士气
                </li>
                <li>
                  <img src="../assets/img/dzy/c20-1.jpg" alt="" />
                  <img src="../assets/img/dzy/c20-2.jpg" alt="" />
                  <img src="../assets/img/dzy/c20-3.jpg" alt="" />
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c21.jpg" alt="" />
            <div>
              <h2>清迈义工之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  当地小学进行支教，进行英语营活动
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  熟悉当地环境，学习当地语言，了解教学大纲，准备支教
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  泰北厨艺课程，跟着泰国厨艺大师，学习地道泰国美食得制作方法
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
        </div>
      </div>
      <div id="zjcs" class="zjcs">
        <div class="box">
          <div class="title flex">
            <img src="../assets/img/dzy/b8.png" alt="" />
            <div>
              <h3>宗教朝圣</h3>
              <p>
                这是信徒呈现的一场心灵之旅。我们深切理解宗教朝圣的意义，并在境外建立了稳定的胜任宗教朝圣产品的导游队伍。每年组织天主教、新教、佛教、道教等信众前往海外朝圣和宗教交流。并积极研发产品，满足客户需求。2018年推出了爱尔兰英国天主教朝圣研修团。
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c22.jpg" alt="" />
            <div>
              <h2>日本佛文化禅修之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  探访世界各地求学东密佛法的圣地--高野山，高野山在2004年被联合国教科文组织登记为世界遗产，有1200年的历史。
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  宿坊日本的惠光院禅修寺庙，感受真正日本禅意，一座拥有1000年历史的佛教寺庙，提供传统的日式客房和美丽的花园。
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  日本茶道“一期一会”，在京都资深禅师松山大师私人别院内学习茶道，书法，禅悟人生。
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  体验集体冥想活动，或在纸卷上抄写佛经，品尝佛教素食佳肴
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c23.jpg" alt="" />
            <div>
              <h2>斯里兰卡佛教文化之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  茶山火车特别体验，参观当地茶工厂，体验斯里兰卡的红茶文化
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" /> 安排在菩提树下诵经
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  安排住持接见，品尝寺庙素食
                </li>
                <li>
                  <img src="../assets/img/dzy/c9.png" /> 参观5百罗汉写经书的寺庙
                </li>
                <li><img src="../assets/img/dzy/c9.png" /> 安排放生小海龟</li>
                <li><img src="../assets/img/dzy/c9.png" /> 世界文化遗产之旅</li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
          <div class="items flex">
            <img src="../assets/img/dzy/c24.jpg" alt="" />
            <div>
              <h2>以色列约旦朝圣之旅</h2>
              <ul>
                <li>
                  <img src="../assets/img/dzy/c9.png" />
                  跟随信仰的力量，踏上一片神奇的土地
                </li>
                <li>
                  <img src="../assets/img/dzy/c24-1.jpg" alt="" />
                  <img src="../assets/img/dzy/c24-2.jpg" alt="" />
                  <img src="../assets/img/dzy/c24-3.jpg" alt="" />
                </li>
              </ul>
              <p class="btn-bar">
                <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
                <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
              </p>
            </div>
          </div>
        </div>
      </div>
      <p class="title_img">
        <img src="../assets/img/dzy/a_12.jpg" alt="" />
      </p>
      <div class="box flex">
        <div class="zxdz_left">
          <img src="../assets/img/dzy/a_9.png" alt="" />
          <p class="btn-bar">
            <router-link to="/dzy/dz" class="btn1">企业定制</router-link>
            <router-link to="/dzy/dz" class="btn2">私人定制</router-link>
          </p>
        </div>
        <div class="zxdz_right">
          <img src="../assets/img/dzy/a_10.png" alt="" />
          <img src="../assets/img/dzy/a_11.png" alt="" />
        </div>
      </div>
    </div>

    <!-- 3楼 -->
    <div class="floor_3">
      <div class="box">
        <img src="../assets/img/dzy/d_3.png" alt="" />
        <img src="../assets/img/dzy/d_2.png" class="map" />
      </div>
    </div>

    <!-- 4楼 -->
    <div class="floor_4">
      <router-link to="/">
        <img src="../assets/img/dzy/c_2.jpg" alt="" />
      </router-link>
    </div>

    <!-- 右侧悬浮 -->
    <el-menu
      default-active="1-4-1"
      class="el-menu-vertical-demo el-menu-right"
      @open="handleOpen"
      @close="handleClose"
      :collapse="isCollapse"
    >
      <el-menu-item index="1">
        <i class="el-icon-s-comment"></i>
        <div slot="title">
          <img src="../assets/img/dzy/icons-code-1.png" alt="" />
          <p>扫一扫，关注秋游记微信</p>
        </div>
      </el-menu-item>
      <el-menu-item index="2">
        <i class="el-icon-download"></i>
        <div slot="title">
          <img src="../assets/img/dzy/icons-code-3.png" alt="" />
          <p>手机专享优惠，价更低！</p>
        </div>
      </el-menu-item>
      <el-menu-item index="3">
        <i class="el-icon-service"></i>
      </el-menu-item>
      <el-menu-item index="4">
        <i class="el-icon-phone"></i>
        <div slot="title">
          <i class=""></i>
          <p style="font-size: 18px">110-112</p>
        </div>
      </el-menu-item>
      <el-menu-item index="5" @click="toTop">
        <i class="el-icon-arrow-up"></i>
      </el-menu-item>
    </el-menu>

    <!-- 左侧悬浮 -->
    <div class="fixed-left">
      <ul>
        <li class="up"><a href="#xxdj">休闲度假</a></li>
        <li class="up"><a href="#qzsg">亲子时光</a></li>
        <li class="up"><a href="#msgw">美食购物</a></li>
        <li class="up"><a href="#cgyx">出国游学</a></li>
        <li class="up"><a href="#msdl">名师带路</a></li>
        <li class="up"><a href="#swkc">商务考察</a></li>
        <li class="up"><a href="#hjtj">会奖团建</a></li>
        <li class="up"><a href="#zjcs">宗教朝圣</a></li>
        <li class="up1">
          <router-link to="/">私人定制</router-link>
        </li>
        <li class="up1">
          <router-link to="/">企业定制</router-link>
        </li>
        <li class="up1" @click="toTop">TOP</li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isCollapse: true,
    };
  },
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
    toTop() {
      document.documentElement.scrollTop = 0;
    },
  },
};
</script>

<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  list-style-type: none;
  font-weight: 400;
  text-decoration: none;
}
.box {
  width: 1140px;
  margin: 10px auto;
  color: #544641;
}
.flex {
  display: flex;
  justify-content: space-between;
}
.btn-bar {
  display: flex;
  justify-content: center;
}
.btn1 {
  width: 152px;
  height: 35px;
  line-height: 35px;
  background: #fbb957;
  border-radius: 17px;
  color: #fff;
  display: block;
  text-align: center;
}
.btn2 {
  width: 152px;
  height: 35px;
  border: 2px solid #fbb957;
  border-radius: 17px;
  color: #fbb957;
  display: block;
  line-height: 35px;
  text-align: center;
  margin-left: 30px;
}
.nav-box {
  border-bottom: 1px solid #efefef;
  > .nav {
    display: flex;
    justify-content: space-evenly;
    > div {
      width: 700px;
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      > a {
        color: #c5953b;
        font-size: 16px;
        &:hover {
          color: #fbb957;
        }
      }
    }
  }
}

.banner {
  position: relative;
  // height: 446px;
  display: block;
  > p {
    > a {
      display: block;
      width: 100%;
      height: 446px;
      background-image: url("../assets/img/dzy/a_1.banner.jpg");
    }
  }

  > div {
    position: absolute;
    bottom: 84px;
    left: 0;
    text-align: center;
    width: 100%;
    > a {
      display: inline-block;
      margin: 0 25px;
      width: 163px;
      height: 46px;
      line-height: 46px;
      border-radius: 23px;
      background: linear-gradient(to right top, #fbb957 0, #ff8365 100%);
      color: #fff;
      &:hover {
        background: linear-gradient(to right top, #fbb957 0, #f9795a 100%);
      }
    }
  }
}
// floor_1:为什么选择众信优定
.floor_1 {
  text-align: center;
  > img {
    margin: 30px 0;
  }
  .floor_1_1 {
    > div {
      width: 262px;
      height: 387px;
      > .wz {
        margin-top: 260px;
        h4,
        p {
          line-height: 28px;
        }
      }
    }
    .srdz {
      background: url("../assets/img/dzy/a_1.png") no-repeat center;
    }
    .qydz {
      background: url("../assets/img/dzy/a_2.png") no-repeat center;
    }
    .sdty {
      background: url("../assets/img/dzy/a_3.png") no-repeat center;
    }
    .xs {
      background: url("../assets/img/dzy/a_4.png") no-repeat center;
    }
  }
  .floor_1_2 {
    margin: 30px 0;
    > div {
      width: 538px;
      height: 294px;
      > h2 {
        line-height: 50px;
        text-align: center;
        color: #fff;
      }
    }
    > div:first-child {
      background: url("../assets/img/dzy/a_5.png") no-repeat;
      > p:nth-child(2) {
        font-size: 18px;
        padding: 30px 50px;
        line-height: 30px;
        text-align: start;
      }
      > p:nth-child(3) {
        font-size: 18px;
        line-height: 30px;
        > b {
          color: #fbb957;
          font-size: 24px;
        }
      }
      > p:nth-child(4) {
        margin-top: 8px;
      }
    }
    > div:last-child {
      background: url("../assets/img/dzy/a_6.png") no-repeat;
      > p {
        font-size: 18px;
        line-height: 30px;
        text-align: start;
      }
      > p:nth-child(2) {
        padding: 30px 30px;
      }
      > p:nth-child(3) {
        padding: 0 30px;
      }
    }
  }
}
.floor_2 {
  background: #76645e;
  overflow: hidden;
  > .title_img {
    text-align: center;
    > img {
      margin: 50px 0;
    }
  }
  > div {
    padding-bottom: 34px;
    overflow: hidden;
  }

  > .xxdz {
    background: url("../assets/img/dzy/a_4.jpg") no-repeat center;
  }
  > .qzsg {
    background: url("../assets/img/dzy/a_5.jpg") no-repeat center;
    .title {
      color: #fff;
    }
  }
  > .msgw {
    background: url("../assets/img/dzy/a_6.jpg") no-repeat center;
    .title {
      color: #fff;
    }
  }
  > .cgyx {
    background: url("../assets/img/dzy/a_7.jpg") no-repeat center;
    .title {
      color: #518a32;
    }
  }
  > .msdl {
    background: url("../assets/img/dzy/a_8.jpg") no-repeat center;
    .title {
      color: #fff;
    }
  }
  > .swkc {
    background: url("../assets/img/dzy/a_9.jpg") no-repeat center;
    .title {
      color: #5370b1;
    }
  }
  > .hjtj {
    background: url("../assets/img/dzy/a_10.jpg") no-repeat center;
    .title {
      color: #fff;
    }
  }
  > .zjcs {
    background: url("../assets/img/dzy/a_11.jpg") no-repeat center;
    .title {
      color: #fff;
    }
  }
  .title {
    padding-top: 20px;
    color: #7d6b64;
    > div {
      padding: 30px;
      line-height: 32px;
    }
  }
  .items {
    background-color: #fff;
    border-radius: 15px;
    width: 1100px;
    height: 325px;
    margin-top: 25px;
    justify-content: flex-start;
    > img {
      border-top-left-radius: 15px;
      border-bottom-left-radius: 15px;
    }
    > div {
      font-size: 14px;
      padding-left: 50px;
      padding-top: 25px;
      width: 500px;
      > ul {
        margin-top: 15px;
        margin-bottom: 20px;
        > li {
          margin-top: 12px;
          > img {
            margin-right: 5px;
          }
        }
      }
      > p.btn-bar {
        margin: 12px 0;
      }
    }
  }
  .zxdz_left {
    width: 650px;
    position: relative;
    > p {
      position: absolute;
      bottom: 25px;
      width: 100%;
    }
  }
  .zxdz_right {
    margin-left: 12px;
    > img:first-child {
      margin-bottom: 12px;
    }
  }
}
.floor_3 {
  background: url("../assets/img/dzy/c_1.jpg") no-repeat center;
  padding: 50px 0;
  text-align: center;
  overflow: hidden;
  .map {
    margin-top: 20px;
  }
}
.floor_4 {
  img {
    width: 100%;
  }
}
.el-menu-right {
  border-radius: 2px;
  bottom: 230px;
  position: fixed;
  right: 0;
  .el-menu-item {
    border-top: 1px solid #fff;
    background: #fbb957;
    &:hover {
      background: #c5953b;
    }
    i {
      color: #fff;
      font-size: 25px;
    }
  }
}
.fixed-left {
  width: 126px;
  position: fixed;
  height: 477px;
  bottom: 100px;
  ul {
    padding-bottom: 30px;
    margin-left: 25px;
    background: url("../assets/img/dzy/c10.png") no-repeat;
    height: 477px;
    li {
      cursor: pointer;
      width: 100px;
      margin-bottom: 8px;
      text-align: center;
      font-size: 16px;
      border-radius: 5px;
      line-height: 36px;
      > a {
        color: #fff;
      }
    }
    .up1 > a {
      color: #76645e;
    }
  }
}
</style>
